<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>小鱼ADMIN</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/public/static/css/font.css">
    <link rel="stylesheet" href="/public/static/css/bgadmin.css">
    <script type="text/javascript" src="/public/static/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/public/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/public/static/js/bgadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <style>
  .layui-input{height:30px;}
  .layui-form-label{line-height: 16px;}
  </style>
  <body>
    <div class="bg-body">
        <div class="layui-row">
          <form class="layui-form ">
            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label">创建人：</label>
                <div class="layui-input-inline">
                  <select name="createuser" id="createuser" lay-verify="" autocomplete="off" class="layui-input" lay-search="">
                      <option value="">直接选择或搜索选择</option>  <!--请选择-->
                      {volist name="arrUsers" id="vo"}
                      <option value="{$vo.username}">{$vo.cn_name}   ( {$vo.username} ) </option>
                      {/volist}
                  </select>
                </div>
              </div>

              <div class="layui-inline">
                <label class="layui-form-label">任务编号：</label>
                <div class="layui-input-inline">
                  <input type="text" name="id" id= "id" lay-verify="" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">任务名称：</label>
                <div class="layui-input-inline">
                  <input type="text" name="name" id= "name" lay-verify="" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">创建时间从：</label>
                <div class="layui-input-inline">
                  <input type="text" class="layui-input" id="start_createtime">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">到：</label>
                <div class="layui-input-inline">
                  <input type="text" class="layui-input" id="end_createtime">
                </div>
              </div>
              <a class="layui-btn layui-btn-small"  style="margin-bottom: 10px;" id="search"  lay-submit="" lay-filter="search"><i class="layui-icon" >&#xe615;</i></a>
            </div>
          </form>
        </div>
      <table class="layui-table" lay-data="{id: 'id', height:'full-200', url:'/index.php/crm/Datatask/dataTaskListData',  page:true, limit:10, limits:[5,10,20]}" lay-filter="task">
        <thead>
        <tr>
          <th lay-data="{checkbox:true, fixed: true}"></th>
          <th lay-data="{field:'id', align:'center', width:120}">任务编号</th>
          <th lay-data="{field:'name', width:120, align:'center'}">任务名称</th>
          <th lay-data="{field:'createuser', width:120, align:'center'}">创建人</th>
          <th lay-data="{field:'createtime', width:150, align:'center'}">创建时间</th>
          <th lay-data="{field:'task_note', width:250, align:'center'}">任务备注</th>
          <th lay-data="{fixed: 'right', width:150, align:'center', toolbar: '#barDemo'}">操作</th>
        </tr>
        </thead>
      </table>
       
      <script type="text/html" id="barDemo">
        <!-- <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a> -->
        <a class="layui-btn layui-btn-normal layui-btn-mini" lay-event="detail">查看详情</a>
      </script>
    </div>

</body>
<!-- <script type="text/javascript" src="/public/static/crm/js/customer/illness.js"></script> -->
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#start_createtime',
            type : 'datetime'
        });

        laydate.render({
            elem: '#end_createtime',
            type : 'datetime'
        });
    });

    setTimeout(function(){
        layui.use('element', function(){
            var element = layui.element;
            element.init('progress');
        });
    },1000)


    layui.use('table', function(){
        var table = layui.table;
        //监听表格复选框选择
        table.on('checkbox(task)', function(obj){
            // console.log(obj)
        });

        //监听工具条
        table.on('tool(task)', function(obj){
            var data = obj.data;
            // alert(JSON.stringify(data));
            if(obj.event === 'del'){
                layer.confirm('真的删除行么', function(index){
                    delTask(data.id);
                    obj.del();
                });
            } else if (obj.event === 'detail') {
                bg_full_show('任务&nbsp;'+data.name+'&nbsp;详情','dataTaskDetail.html?id='+data.id)
            }
        });


        //重载数据表
        $('#search').click(function(){
            var name = $("#name").val();
            var createuser = $("#createuser").val();
            var id = $("#id").val();
            var start_createtime = $("#start_createtime").val();
            var end_createtime = $("#end_createtime").val();
            table.reload('id', {
                url: 'dataTaskListData',
                where: {
                    name : name,
                    createuser : createuser,
                    id : id,
                    start_createtime : start_createtime,
                    end_createtime : end_createtime,
                } //设定异步数据接口的额外参数
            });
            setTimeout(function(){
                layui.use('element', function(){
                    var element = layui.element;
                    element.init('progress');
                });
            },1000)
        });
    });


    /**
     * 删除客户资料
     */
    function delTask (id) {
        // alert(id)
        $.ajax({
            type : 'post',
            url : '/index.php/crm/Taskcount/delTask',
            data : 'id='+id,
            dataType : 'json',
            success : function (result) {
                if (result.success) {  
                    layer.alert(result.msg, {icon: 6}, function(index){
                        location.replace(location.href);
                    });
                } else {  
                    layer.alert(result.msg, {icon: 5}, function(index){
                        layer.close(index)
                    }); 
                }
            }
        })
    }
    
    // setTimeout(function(){
    // },3000)
        
</script>

</html>